<template>
    <div>
        <banner :list='this.list'></banner>
    </div>
</template>

<script>
import banner from '@/components/banner'
export default {
    name: 'home',
    components: {
        banner
    },
    data() {
        return {
            list: [
                {
                    id:'0001',
                    imgUrl: 'http://p1.meituan.net/hotel/56e42197491e1fb8e4922d02e5ba6c7e5772778.jpg@660w_500h_1e_1c'
                },{
                    id:'0002',
                    imgUrl: 'http://p0.meituan.net/travel/940c8364fefd4b8e82ef355ae49fd369693601.png'
                },{
                    id:'0003',
                    imgUrl: 'http://p0.meituan.net/poi/0b8c33f00744ce3e50e7137383eacc17679250.png'
                },{
                    id:'0004',
                    imgUrl: 'http://p1.meituan.net/poi/9d0c0d10e0e6056960a474cc3d9fc0eb440416.png'
                },
            ]
        }
    }
}
</script>

<style lang="stylus" scoped>

</style>
